<extend name="Tool@Index:index" />
<block name="title">会员管理</block>
<block name="header"></block>
<block name="aside"></block>
<block name="content">

    <link rel="stylesheet" href="__LIB__/lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" type="text/css">

    <style>

        .star-bar-show{background:url(__HUI__/images/iconpic-star-S-default.png) repeat-x 0 0}
        .star-bar-show .star{background:url(__HUI__/images/iconpic-star-S.png) repeat-x 0 0;}
        .star-1{width:20%;}
        .star-2{ width:40%}
        .star-3{width:60%;}
        .star-4{ width:80%}
        .star-5{ width:100%}
        .star-bar-show.size-M{width:120px;height:24px}
        .star-bar-show.size-M,.star-bar-show.size-M .star{background-size:24px}
        .star-bar-show.size-M .star{ height:24px}
        .star-bar-show.size-S{width:80px; height:16px}
        .star-bar-show.size-S,.star-bar-show.size-S .star{background-size:16px}
        .star-bar-show.size-S .star{ height:16px}
        .star-bar{font-size:0;line-height: 0}
        .star-bar .star{display: inline-block;float: left}



    </style>


    <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 用户中心 <span class="c-gray en">&gt;</span> 用户管理 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
    <div class="page-container">


        <div class="mt-20">


            <table class="table">
                <tr>
                    <td width="400" class="va-t"><ul id="treeDemo" class="ztree"></ul></td>

                </tr>
            </table>


        </div>

    </div>


</block>

<block name="js">
    <script type="text/javascript" src="__LIB__/lib/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="__LIB__/lib/layer/2.1/layer.js"></script>
    <script type="text/javascript" src="__LIB__/lib/laypage/1.2/laypage.js"></script>
    <script type="text/javascript" src="__LIB__/lib/My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript" src="__LIB__/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="__HUI__/js/H-ui.js"></script>
    <script type="text/javascript" src="__HUI__/js/H-ui.admin.js"></script>
    <script type="text/javascript" src="__LIB__/lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>
    <script type="text/javascript">
        var setting = {
            view: {
                dblClickExpand: false,
                showLine: false,
                selectedMulti: false
            },
            data: {
                simpleData: {
                    enable:true,
                    idKey: "id",
                    pIdKey: "pId",
                    rootPId: ""
                }
            },
            callback: {
                beforeClick: function(treeId, treeNode) {
                    var zTree = $.fn.zTree.getZTreeObj("tree");
                    if (treeNode.isParent) {
                        zTree.expandNode(treeNode);
                        return false;
                    } else {
                        demoIframe.attr("src",treeNode.file + ".html");
                        return true;
                    }
                }
            }
        };

        var zNodes =[

            <volist name="list" id="vo">
            { id:<{$vo.id}>, pId:<{$vo.id|getuid}>, name:"<{$vo.realname}>"},

            </volist>

        ];

        var code;

        function showCode(str) {
            if (!code) code = $("#code");
            code.empty();
            code.append("<li>"+str+"</li>");
        }

        $(document).ready(function(){
            var t = $("#treeDemo");
            t = $.fn.zTree.init(t, setting, zNodes);
            demoIframe = $("#testIframe");
            //demoIframe.on("load", loadReady);
            var zTree = $.fn.zTree.getZTreeObj("tree");
            //zTree.selectNode(zTree.getNodeByParam("id",'11'));
        });
    </script>

</block>